<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--[if lt IE 9]>
    <script src="jquery-1.9.0.js"></script>
<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="../js/jquery-3.1.1.js"></script>
		<!--<![endif]-->
		<script type="text/javascript">
			$(document).ready(function() {
				$(":checkbox").wrap("<span style='background-color:red' />");
			});
		</script>
	</head>

	<body>
		<form action="">
			名字: <input type="text" name="user"><br> 我有一辆自行车:
			<input type="checkbox" name="vehicle" value="Bike"><br> 我有一辆汽车:
			<input type="checkbox" name="vehicle" value="Car"><br> 我有一架飞机:
			<input type="checkbox" name="vehicle" value="Airplane"><br>
			<input type="submit">
		</form>
		<p>注意：我们使用jQuery .wrap 方法来设置选中的元素高亮，Firefox 浏览器不支持复选框设置背景颜色。
	</body>

</html>